.loginpage
  display flex
  flex-direction row
  width 100%
  height 100%
  &__welcome
    width 70%
    max-height 100vh
    overflow auto
  &__main
    width 30%
    height 100%
    background-color lightGrey2
    display flex
    flex-direction column
    &__wrapper
      display flex
      flex-direction column
      width 80%
      height calc(100% - 80px)
      margin-block-start 40px
      margin-inline-start 40px
      margin-inline-end auto

    & > footer
      margin-inline-start auto
      margin-inline-end auto
      margin-block-start auto
      margin-block-end standardSpacing

@media (max-width: max-md)
  .loginpage
    flex-direction column-reverse
    &__welcome
      width 100%
      margin-block-end auto
    &__main
      width 100%
      &__wrapper
        margin standardSpacing auto
